<template>
  <!--list组件-->
  <div>
    <div class="industry">
      <ul>
        <li v-for="dynamic in data">
          <router-link :to="{path:dynamic.uri,query:{id:dynamic.id,activeIndex:activeIndex}}">
            <span>{{dynamic.title}}</span>
            <span class="label">{{dynamic.createTimeFormate}}</span>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    props: {
      data: {
        type: Array,
      },
      activeIndex: {
        type: Number,
      }
    }
  }
</script>

<style scoped>
  .industry > ul {
    padding-left: 10px;
  }
  .industry > ul > li {
    padding: 6px 0;
  }
  .industry > ul > li > a {
    font-weight: 400;
    color: #666666;
    font-size: 14px;
  }
  .industry > ul > li > a:hover {
    color: #2b369f;
  }
  .label {
    float: right;
  }
</style>
